<template>
  <div ref="main">11111</div>
</template>
<script>
export default {
  data() {
    return {
      a: 1,
      b: 2,
      c: 3
    }
  },
  beforeCreate() {
    console.log(this.a)
  },
  created() {
    console.log(this.b)
    console.log(this.$refs['main'])
  },
  mounted() {
    this.$showImg()
    console.log(this.c)
  }
}
</script>
<style lang="scss" scoped></style>
